$(function(){
  
  // 退出功能
  /* 
    【1】点击退出按钮
    【2】弹出询问框
    【3】如果点击确定，那么退出到登录界面，同时删除token
  */
 $('#logout').on('click',function(){
  layer.confirm('您确定要退出么?', {icon: 3, title:'提示'}, function(index){
    //do something
    localStorage.removeItem('token')
    location.href = '/login.html'
    layer.close(index);
  });
 })
 // 渲染昵称和头像
 /* 
    【1】定义函数，发起Ajax请求
    【2】判断请求成功与否
    【3】如果成功，渲染用户昵称和头像
 */ 

  renderUserInfo()
})
function renderUserInfo(){
  $.ajax({
    url: '/my/userinfo',
    success: function(res){
      const {data,status,message} = res
      // console.log(res);
      if(res.status !== 0) return layer.msg(res.message,{icon:5})

      const uname = data.nickname || data.username
      $('#welcome').html(`欢迎${uname}`)

      // 渲染头像
        // 如果user_pic没有值，渲染文字头像，将昵称首字母大写，将用户头像隐藏
        // 如果user_pic有值，将文字头像隐藏，将用户头像显示，将user_pic的值设置给src属性
     if(data.user_pic){
      $('.text-avatar').hide()
      $('.layui-nav-img').attr('src',data.user_pic).show()
      
     }else {
      $('.layui-nav-img').hide()
      $('.text-avatar').html(uname[0].toUpperCase()).show()
     }
    }
  })
}